.orderDeils{
    .deilsContent{
        height: calc(100vh - 96px);
        overflow-y: scroll;
        overflow-x: hidden;
        .fraudPrevention {
            color: #F48F18;
            display: flex;
            align-items: center;
            height: 40px;
            background: #FFF8D8;
            padding: 0 10px;
            .fraudPreventionLeft {
              img {
                width: 20px;
                height: 18px;
              }
            }
            .fraudPreventionRigth {
                padding-left: 10px;
            }
          }
        .detilsHeader {
            background: #fff;
            margin-top: 10px;
            padding: 20px;
             .orderDetils {
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
             .detilsHeaderLeft {
                 .userNameAndIpone {
                     display: flex;
                    .userName {
            
                    }
            
                    .userIphone {
                        padding-left: 10px;
                    }
                 }
        
                 .userAddress {
                     color: #929191;
                     margin-top: 8px;
                     font-size: 12px;
                    span {
                        padding: 0 6px;
                        border-radius: 4px;
                        border: 1px solid #E03138;
                        color: #E03138;
                        margin-right: 30px;
                    }
                 }
             }
         
             .detilsHeaderRigth {
                color: #929191;
             }
             }
         }
        .coupon {
             background: #fff;
             margin-top: 10px;
            .couponTop {
                display: flex;
                justify-content: space-between;
                padding: 10px 20px;
                height: 46px;
                color: #666;
              .couponTopLeft {
          
              }
          
              .couponTopRigth {
                color: #666;
                span {
                    margin-right: 20px;
                }
              }
            }
          
            .couponMiddle {
                display: flex;
                justify-content: space-between;
                align-items: center;
                height: 50px;
                border-top: 1px solid #F2F2F2;
                padding: 20px;
                padding-left: 0;
                margin-left: 20px;
                color: #CCD0DB;
              .couponMiddleLeft {
                  display: flex;
                  align-items: center;
                input {
                    
                }
          
                .couponMiddle {
                    padding-left: 6px;
                }
              }
          
              .couponMiddleRigth {
          
              }
            }
          }
        .piceList {
            background: #fff;
            margin-bottom: 10px;
            .piceListItme {
                display: flex;
                justify-content: space-between;
                padding: 20px;
                padding-left: 0;
                margin-left: 20px;
                border-top: 1px solid #F1F1F1;
                color: #333333;
              .text {
                span{
                  padding-left: 10px;
                }
              }
          
              .pices {
                span {
          
                }
              }
            }
          }
        .goodsList {
            background: #fff;
            .goodsListTitle {
              padding: 10px 20px;
            }
          
            .goodsListItme {
              display: flex;
              padding: 10px 20px;
              padding-left: 0;
              margin-left: 20px;
              border-top: 1px solid #F1F1F1;
              .goodsListItmeImg {
                width: 80px;
                height: 80px;
                background: #EEEEEE;
                overflow: hidden;
                border-radius: 4px;
                img {
                  width: 100%;
                  width: 100%;
                }
              }
          
              .goodsListItmeText {
                .itmeTitle {
                  
                  width: 260px;
                  display: flex;
                  justify-content: space-between;
                  .title {
                    padding-left: 10px;
                    width: 230px;
                    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
                  }
          
                  .goodsNum {
                    span {
          
                    }
                  }
                }
          
                .specifications {
                  span {
                    display: inline-block;
                    padding: 10px;
                    color: #99A6C4;
                  }
                }
          
                .goodsPice {
                  span {
          
                  }
                }
              }
            }
          }
        .isAgree {
          display: flex;
          padding: 20px;
          margin-bottom: 5px;
          align-items: center;

            input {
          
            }
          
            .isAgreeText {
              padding-left: 10px;
              span {
                color: #999;
              }
            }
          }
    }
    .deilsBottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #fff;
        height: 50px;
        border-top: solid 1px #EFEFEF;
        padding: 0 10px;
        .totalPice {
            color: #DD1A21;
          span {
      
          }
        }
      
        .placeOrder {
            background: #CCCCCC;
            color: #fff;
            height: 100%;
            width: 100px;
            text-align: center;
            line-height: 50px;
        }
        .active{
          background: #DD1A21;
        }
      }
}   